<template>
  <div id="pos" style="display:block">
    <dl v-for="(item,index) in pos" :key="index">
      <dt><img :src="item.url" alt=""></dt>
      <dd>{{item.text}}</dd>
    </dl>
  </div>
</template>

<script>
//  import Swiper from 'swiper';
export default {
  name: 'Header',
  data:function(){
    return{
      pos:[
        {
          url:require('../assets/index_code.png'),
          text:'网上预约'
        }
      ]
    }
  },
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
dl{width:121px;height:121px;background:#A40000;color: #fff;text-align: center;box-sizing: border-box;position: fixed;top:65%;z-index: 99999;right:6%;}
dt{padding-top: 15px;padding-bottom: 6px;}
dd{padding-bottom: 15px;font-size: 20px;}
 img{width:57px;height: 55px;}
</style>
